<div class="jumbotron text-center">
   <div class="row panel">
   <div class="row">
        <div class="col-md-2 col-md-offset-2"><h4>Username</h4></div>
       <div class="col-md-2"><h4>Password</h4></div>
        <div class="col-md-2"><h4>Action</h4></div>
    </div>
   <div class="row">
        <div class="col-md-2 col-md-offset-2">
            <input type="text" class="form-control" ng-model="newUser.email"/>
        </div>
        <div class="col-md-2">
            <input type="password" class="form-control" ng-model="newUser.password"/>
        </div>
        <div class="col-md-2">
            <select ng-model="newUser.role" ng-options="role for role in roles" class="form-control"></select >
        </div>
        <div class="col-md-2">
            <md-button class="md-raised md-primary button-fix-width" ng-click="addUser()">Add new user</md-button>
        </div>

    </div>
    </div>
    
    <div class="row panel">
    <div class="row">
        <div class="col-md-2 col-md-offset-2"><h4>Username</h4></div>
        <div class="col-md-2"><h4>Role</h4></div>
        <div class="col-md-2"><h4></h4></div>
    </div>
    

    <!--<div class="row" style="margin-top:10px;" ng-repeat="user in userList | orderBy:'createdDate':true">
        <div ng-show="viewmode[user._id]" class="col-md-2">{{user.email }}</div>
        <div ng-show="viewmode[user._id]" class="col-md-6">{{user.password }}</div>
        <div ng-show="!viewmode[user._id]" class="col-md-2">
            <input type="text" class="form-control" ng-model="user.email"/>
        </div>
        <div ng-show="!viewmode[user._id]" class="col-md-6">
            &lt;!&ndash;<input type="text" class="form-control" ng-model="user.password"/>&ndash;&gt;
            {{user.password }}
        </div>
        <div class="col-md-1 col-md-offset-1" ng-show="viewmode[user._id]">
            <button class="button btn btn-primary" name="editUserBtn" ng-click="editUser(user)">Edit</button>
        </div>
        <div class="col-md-1 col-md-offset-1" ng-show="!viewmode[user._id]">
            <button class="button btn btn-primary" name="saveUserBtn" ng-click="saveUser(user)">Save</button>
        </div>
        <div class="col-md-1">
            <button class="button btn btn-primary" name="deleteUserBtn" ng-click="deleteUser(user)">Remove</button>
        </div>
    </div>-->

    <div class="row" style="margin-top:10px;" ng-repeat="user in userList | orderBy:'createdDate':true">
        <div class="col-md-2 col-md-offset-2">{{user.email }}</div>
        <div class="col-md-2">{{user.role }}</div>
        <div class="col-md-2">
            <md-button class="md-raised md-warn button-fix-width" name="deleteUserBtn" ng-click="deleteUser(user)">Remove</md-button>
        </div>
    </div>
	</div>

</div>